<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script src="./myajax.js"></script>
    <script>
        // 1 请求方式 method: 选填 默认是get 
        // 2 请求地址 url: 必填的 
        // 3 是否是异步 async: 选填 默认是 true 
        // 4.是否需要携带参数 data :选填,默认是'';
        // 5. 成功或者失败 需要做一些事情 
        //          以前回调函数  容易回调地狱
        //          现在 用 promise
        // 6. 需要设置的请求头信息(header):选填 默认是 content-type application/x-www-form-urlencoded
        // 7. 根据请求头信息 往send请求体中放  
        // 8. 是否需要解析响应体 datatype: 选填  默认值'string' 选填 'json' 需要解析





        // const xhr = new XMLHttpRequest();

        // xhr.open(method,url,async);

        // xhr.onload = function(){
        //     // 成功做的事情  回调函数


        //     // 失败做的事情 回调函数 
        // }
        // xhr.send();



        // function myajax(url,method='GET',async=true,data='');
        // myajax('www.baidu.com',false,'post','name=zhangsan')
        // 上面的方式不推荐  

        //function myajax(options){}

        // myajax({url:''})
        // myajax({url:'',method:'post',async:false})




        

    </script>
</body>
</html>